<template>
  <div class="no-data">
    <div class="content">
      <img :src="require('@/assets/icon_no_data.png')">
      <div class="desc">暂无更多数据</div>
    </div>
  </div>
</template>
<script>
 export default {
   data() {
      return {}
   }
 }
</script>
<style scoped>
.no-data {
  text-align: center;
}
.no-data img {
  width: 100px;
}
.content {
  position: absolute;
  margin: auto;
  width: 120px;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}
.desc {
  color: #7f7f7f;
  margin-top: 10px;
}
</style>
